*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
::-webkit-scrollbar {
			width: 0;
		}
::-webkit-scrollbar-thumb { width: 0;
		}
html,body {
	width: 100%;
	height: 100%;
	background-color: #eee;
}
@media screen and (min-width: 1200px) {
	.col-lg-1{ width: 8.33%;}
	.col-lg-2{width: 16.66%;}
	.col-lg-3{width: 24.99%;}
	.col-lg-4{width: 33.32%;}
	.col-lg-5{width: 41.65%;}
	.col-lg-6{width: 49.98%;}
	.col-lg-7{width: 58.31%;}
	.col-lg-8{width: 66.64%;}
	.col-lg-9{width: 74.97%;}
	.col-lg-10{width: 83.3%;}
	.col-lg-11{width: 91.63%;}
	.col-lg-12{width: 100%;}
	/*偏移*/
	.col-lg-offset-1{ margin-left: 8.33%;}
	.col-lg-offset-2{margin-left: 16.66%;}
	.col-lg-offset-3{margin-left: 24.99%;}
	.col-lg-offset-4{margin-left: 33.32%;}
	.col-lg-offset-5{margin-left: 41.65%;}
	.col-lg-offset-6{margin-left: 49.98%;}
	.col-lg-offset-7{margin-left: 58.31%;}
	.col-lg-offset-8{margin-left: 66.64%;}
	.col-lg-offset-9{margin-left: 74.97%;}
	.col-lg-offset-10{margin-left: 83.3%;}
	.col-lg-offset-11{margin-left: 91.63%;}
	.col-lg-offset-12{margin-left: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.col-md-1{ width: 8.33%;}
	.col-md-2{width: 16.66%;}
	.col-md-3{width: 24.99%;}
	.col-md-4{width: 33.32%;}
	.col-md-5{width: 41.65%;}
	.col-md-6{width: 49.98%;}
	.col-md-7{width: 58.31%;}
	.col-md-8{width: 66.64%;}
	.col-md-9{width: 74.97%;}
	.col-md-10{width: 83.3%;}
	
	.col-md-11{width: 91.63%;}
	.col-md-12{width: 100%;}

	.col-md-offset-1{ margin-left: 8.33%;}
	.col-md-offset-2{margin-left: 16.66%;}
	.col-md-offset-3{margin-left: 24.99%;}
	.col-md-offset-4{margin-left: 33.32%;}
	.col-md-offset-5{margin-left: 41.65%;}
	.col-md-offset-6{margin-left: 49.98%;}
	.col-md-offset-7{margin-left: 58.31%;}
	.col-md-offset-8{margin-left: 66.64%;}
	.col-md-offset-9{margin-left: 74.97%;}
	.col-md-offset-10{margin-left: 83.3%;}
	.col-md-offset-11{margin-left: 91.63%;}
	.col-md-offset-12{margin-left: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.col-sm-1{ width: 8.33%;}
	.col-sm-2{width: 16.66%;}
	.col-sm-3{width: 24.99%;}
	.col-sm-4{width: 33.32%;}
	.col-sm-5{width: 41.65%;}
	.col-sm-6{width: 49.98%;}
	.col-sm-7{width: 58.31%;}
	.col-sm-8{width: 66.64%;}
	.col-sm-9{width: 74.97%;}
	.col-sm-10{width: 83.3%;}
	.col-sm-11{width: 91.63%;}
	.col-sm-12{width: 100%;}

	.col-sm-offset-1{ margin-left: 8.33%;}
	.col-sm-offset-2{margin-left: 16.66%;}
	.col-sm-offset-3{margin-left: 24.99%;}
	.col-sm-offset-4{margin-left: 33.32%;}
	.col-sm-offset-5{margin-left: 41.65%;}
	.col-sm-offset-6{margin-left: 49.98%;}
	.col-sm-offset-7{margin-left: 58.31%;}
	.col-sm-offset-8{margin-left: 66.64%;}
	.col-sm-offset-9{margin-left: 74.97%;}
	.col-sm-offset-10{margin-left: 83.3%;}
	.col-sm-offset-11{margin-left: 91.63%;}
	.col-sm-offset-12{margin-left: 100%;}
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.col-xs-1{ width: 8.33%;}
	.col-xs-2{width: 16.66%;}
	.col-xs-3{width: 24.99%;}
	.col-xs-4{width: 33.32%;}
	.col-xs-5{width: 41.65%;}
	.col-xs-6{width: 49.98%;}
	.col-xs-7{width: 58.31%;}
	.col-xs-8{width: 66.64%;}
	.col-xs-9{width: 74.97%;}
	.col-xs-10{width: 83.3%;}
	.col-xs-11{width: 91.63%;}
	.col-xs-12{width: 100%;}

	.col-xs-offset-1{ margin-left: 8.33%;}
	.col-xs-offset-2{margin-left: 16.66%;}
	.col-xs-offset-3{margin-left: 24.99%;}
	.col-xs-offset-4{margin-left: 33.32%;}
	.col-xs-offset-5{margin-left: 41.65%;}
	.col-xs-offset-6{margin-left: 49.98%;}
	.col-xs-offset-7{margin-left: 58.31%;}
	.col-xs-offset-8{margin-left: 66.64%;}
	.col-xs-offset-9{margin-left: 74.97%;}
	.col-xs-offset-10{margin-left: 83.3%;}
	.col-xs-offset-11{margin-left: 91.63%;}
	.col-xs-offset-12{margin-left: 100%;}
}
.box {
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
}
.first {
	height: 180px;
	text-align: center;
	padding-top: 50px;
	border-bottom: 1px solid #eee;
}
.box .header .navbar {
	width: 100%;
	height: 30%;
	border-bottom: 1px solid #eee;
	padding: 0 13%;
}
.navbar::after {
	content: "";
	display: block;
	clear: both;
}
.navbar .list{
	float: left;
}
.navbar .navbar_icon {
	float: right;
}
.box .header .navbar .navbar_list {
	float: left;
	padding: 30px 30px;
	text-align: center;
}
.navbar_list a {
	color: #000;
	text-decoration: none;
}
.box .header .navbar .navbar_list p {
	font-size: 14px;
	color: #999; 
} 
.box .header .navbar .navbar_icon i{
	display: inline-block;
	width: 20px;
	height: 20px;
	float: right;
	background: url(./picture/icon.png) no-repeat;
	margin: 43px 10px;
}
.box .header .navbar .navbar_icon i:nth-of-type(1) {
	background-position: 0 -64px;
}
.box .header .navbar .navbar_icon i:nth-of-type(2) {
	background-position: -35px -64px;
}
.box .header .navbar .navbar_icon i:nth-of-type(3) {
	background-position: -108px -64px;
}
.box .header .navbar .navbar_icon i:nth-of-type(4) {
	background-position: -217px -64px;
}
.bodyer .picture {
	width: 80%;
	margin: 0 auto;
	margin-top: 45px;
	text-align: center;
	position: relative;
}
.bodyer .picture .picture_1 img{
	width: 100%;
}
.bodyer .picture .picture_2 img{
	width: 100%;
}
.bodyer .picture .picture_2 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}
.bodyer .picture:hover .picture_2 {
	display: block;
}
.bodyer .picture:hover .dot_1 {
	background-color: #999;
}
.bodyer .picture:hover .dot_2 {
	background-color: #000;
}
 div[class^=dot] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
}
.dot_1{
	background-color: #000;
}
.dot_2 {
	background-color: #999;
}
.bodyer .container {
	width: 100%;
	margin-top: 30px;
}
.bodyer .container>div {
	text-align: center;
}
.bodyer .container span,.bodyer .container p {
	font-size: 14px;
	color: #666;
	text-align: left;
}
.bodyer .container .row {
	width: 75%;
	margin: 35px auto;
	padding-top: 30px;
	overflow: auto;

}
.bodyer .container .row::after {
	content: "";
	display: block;
	clear: both;
}
.bodyer .container .row>div {
	float: left;
	padding: 10px 20px;
}
.container .row .progress .basise{
	position: relative;
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background-color: #999;
	margin: 10px 0;
}
.container .row .progress div[class^="cover"] {
	position: absolute;
	height: 6px;
	border-radius: 3px;
	top: 0;
	left: 0;
}
.cover_1 {
	width: 86%;
	background-color: pink;
}
.cover_2 {
	width: 58%;
	background-color: purple;
}
.cover_3 {
	width: 62%;
	background-color: yellow;
}
.cover_4 {
	width: 68%;
	background-color: yellowgreen;
}
.row img {
	width: 25%;
}
.row h6 {
	font-weight: unset;
	margin-top: 15px;
}
.footer {
	width: 99%;
	height: 400px;
	background-color: #666;
	margin: 0 auto;
	margin-top: 90px;
	margin-bottom: 5px;
	text-align: center;
	color: #fff;
}
.footer .first {
	border-bottom: none;
}
.footer a {
	margin: 20px; 
	color: #fff;
	text-decoration: none;
}
.footer .tel {
	margin-top: 30px;
}
.footer .tel p {
	line-height: 30px;
	font-size: 14px;
}
.footer .bottom {
	width: 80%;
	padding: 20px 0 0 0;
	margin: 0 auto;
	background-color: #666;
	border-top: 1px solid #999;
	font-size: 14px;
	color: #999;
	margin-top: 20px;
}
